<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <title>CTGU在线考试系统</title>
    <link rel="stylesheet" th:href="@{https://cdn.bootcss.com/semantic-ui/2.2.13/semantic.min.css}" />
    <link rel="stylesheet" th:href="@{/css/app.css}" />
    <link rel="stylesheet" th:href="@{/css/user/myDiscussPost.css}" />
    <script type="text/javascript" th:src="@{https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{https://cdn.bootcss.com/semantic-ui/2.2.13/semantic.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/app.js}"></script>
    <script type="text/javascript" th:src="@{/js/user/myDiscussPost.js}"></script>
</head>
<body>
    <div class="ui fixed inverted menu">
        <a th:href="@{/}" class="header item">
            <!--<img class="ui" th:src="@{/img/logo_flat.png}" width="104" height="24" alt="" />-->
            <img class="ui" th:src="@{/img/logo.png}" width="156" height="32" alt="" />
        </a>
        <a th:href="@{/contest/index}" href="#" class="item">
            <i class="desktop icon"></i>在线考试
        </a>
        <a th:if="${current_account == null}" th:onclick="'app.showLogin()'" class="item">
            <i class="list layout icon"></i>题库中心
        </a>
        <a th:if="${current_account != null}" th:href="@{/problemset/list}" class="item">
            <i class="list layout icon"></i>题库中心
        </a>
        <a th:if="${current_account != null}" th:href="@{/discuss/1}" class="item">
            <i class="talk icon"></i>讨论区
        </a>
        <a th:if="${current_account == null}" th:onclick="'app.showLogin()'" class="item">
            <i class="talk icon"></i>讨论区
        </a>
        <a th:onclick="'app.showLogin()'" class="right item" th:if="${current_account == null}">
            <i class="sign in icon"></i>登录
        </a>
        <div class="ui simple dropdown right item" th:if="${current_account != null}">
            <img class="ui avatar image" th:src="@{'/upload/images/'+${current_account.avatarImgUrl}}" />
            <span th:text="${current_account.name}"></span> <i class="dropdown icon"></i>
            <div class="menu">
                <a class="item" th:href="@{/account/profile}">
                    <i class="user icon"></i>我的主页
                </a>
                <a th:href="@{/manage/login}" class="item" id="manage">
                    <i class="sign out icon"></i>后台管理
                </a>
                <a th:href="@{/message/index}" class="item" id="">
                    <i class="mail icon">1</i> 消息通知
                </a>
                <a class="item" id="logout">
                    <i class="sign out icon"></i>退出
                </a>
            </div>
        </div>
    </div>

<div class="ui main container">
    <div class="ui grid">
        <div class="four wide column">
            <div class="row">
                <div class="ui card">
                    <div class="blurring dimmable image">
                        <div class="ui dimmer">
                            <div class="content">
                                <div class="center">
                                    <!--<div class="ui inverted button">Call to Action</div>-->
                                    <!-- TODO::上传图片 -->
                                    <a th:href="@{/account/profile}" data-inverted="" data-tooltip="更换头像" data-position="bottom center"><i class="huge photo icon"></i></a>
                                </div>
                            </div>
                        </div>
                        <img th:src="@{'/upload/images/'+${current_account.avatarImgUrl}}" />
                    </div>
                    <div class="content">
                        <div class="header">梅超风</div>
                        <div class="meta">
                            <!--<a class="group">信息学院</a>-->
                            <div class="group">
                                <i class="student icon"></i>信息学院
                            </div>
                        </div>
                        <div class="description">某工地的程序员</div>
                    </div>
                </div>
            </div>
            <div class="row" style="margin-top: 1em;">
                <div class="ui card">
                    <div class="content">
                        <a th:href="@{/account/profile}">
                            <i class="user icon"></i>个人信息
                        </a>
                    </div>
                    <div class="content">
                        <a th:href="@{/account/password}">
                            <i class="edit icon"></i>更改密码
                        </a>
                    </div>
                    <div class="content">
                        <a th:href="@{/account/myExam}">
                            <i class="history icon"></i>考试记录
                        </a>
                    </div>
                    <div class="content">
                        <a th:href="@{/account/myDiscussPost}">
                            <i class="talk icon"></i>我的发帖
                        </a>
                        <i class="pointing left icon"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="twelve wide column">
            <div class="ui segment">
                <h4 class="ui dividing header">我的发帖</h4>
                <!-- 列表项 -->
                <div class="ui divided items">
                    <div class="item" th:each="item,itemStats : ${data['posts']}">
                        <div class="content">
                            <a th:href="@{'/discuss/'+${item.id}}" class="header" th:text="${item.title}">各位拿到机器学习、数据挖掘Offer的大佬们,是怎么学习的？</a>
                            <!--
                            <div class="description">
                                <p th:text="${item.textContent}">各位拿到机器学习、数据挖掘Offer的大佬们,是怎么学习的？我看了一下，网上有很多都提到了要学习各种机器学习算法之类的，感觉要学好多的算法啊，你们都把这些常见的机器学习算法编程实践过吗？ 。 。 。 。 。 。 。 。 。 你们都看过什么书</p>
                            </div>
                            -->
                            <div class="extra">
                                <span class="right floated" th:text="'发布于: '+${#dates.format(item.createTime, 'yyyy-MM-dd HH:mm:ss')}">发布于: 2019-01-11 15:30:09</span>
                                <div class="ui label"><i class="talk outline icon"></i><span th:text="${item.replyNum}">23</span></div>
                            </div>
                        </div>
                    </div>
                    <!--
                    <div class="item">
                        <div class="content">
                            <a class="header">各位拿到机器学习、数据挖掘Offer的大佬们,是怎么学习的？</a>
                            <div class="description">
                                <p>各位拿到机器学习、数据挖掘Offer的大佬们,是怎么学习的？我看了一下，网上有很多都提到了要学习各种机器学习算法之类的，感觉要学好多的算法啊，你们都把这些常见的机器学习算法编程实践过吗？ 。 。 。 。 。 。 。 。 。 你们都看过什么书</p>
                            </div>
                            <div class="extra">
                                <span class="right floated">发布于: 2019-01-11 15:30:09</span>
                                <div class="ui label"><i class="talk outline icon"></i>23</div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="content">
                            <a class="header">各位拿到机器学习、数据挖掘Offer的大佬们,是怎么学习的？</a>
                            <div class="description">
                                <p>各位拿到机器学习、数据挖掘Offer的大佬们,是怎么学习的？我看了一下，网上有很多都提到了要学习各种机器学习算法之类的，感觉要学好多的算法啊，你们都把这些常见的机器学习算法编程实践过吗？ 。 。 。 。 。 。 。 。 。 你们都看过什么书</p>
                            </div>
                            <div class="extra">
                                <span class="right floated">发布于: 2019-01-11 15:30:09</span>
                                <div class="ui label"><i class="talk outline icon"></i>23</div>
                            </div>
                        </div>
                    </div>
                    -->
                </div>
                <!-- 分页 -->
                <div class="ui container">
                    <div class="ui pagination menu" id="subPageMenu">
                        <!--
                        <a class="item">
                            首页
                        </a>
                        <a class="item">
                            上一页
                        </a>
                        <a class="active item">
                            1
                        </a>
                        <a class="item">
                            2
                        </a>
                        <a class="item">
                            3
                        </a>
                        <a class="item">
                            4
                        </a>
                        <a class="item">
                            5
                        </a>
                        <a class="item">
                            6
                        </a>
                        <a class="item">
                            7
                        </a>
                        <a class="item">
                            8
                        </a>
                        <a class="item">
                            下一页
                        </a>
                        <a class="item">
                            末页
                        </a>
                        -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 不可抗力元素 -->
<div class="second-footer">
</div>
<div th:include="footer::footer"></div>
<script th:inline="javascript">
    /*<![CDATA[*/
    var pageNum = /*[[${data['pageNum']}]]*/;
    var pageSize = /*[[${data['pageSize']}]]*/;
    var totalPageNum = /*[[${data['totalPageNum']}]]*/;
    var totalPageSize = /*[[${data['totalPageSize']}]]*/;
    var posts = /*[[${data['posts']}]]*/;
    var contextPath = /*[[${#httpServletRequest.getContextPath()}]]*/;

    $(function(){
        app.init(contextPath);
        myDiscussPostPage.init(pageNum, pageSize, totalPageNum, totalPageSize, posts);
    });
    /*]]>*/
</script>
</body>
</html>